<template>
	<view>
		<view class="block">
			<view class="tit_flex flex_jc_sb">
				<view class="tit">内容简介</view>
			</view>
			<view class="text">
				{{ data.info }}
			</view>
			<view class="" v-if="data.infoImg.length!=0">
				<image @click="$previewImage(data.infoImg,index)" v-for="(item, index) in data.infoImg" :key="index" :src="item" mode="widthFix"></image>
			</view>
		</view>
		<view class="block">
			<view class="tit_flex flex_jc_sb">
				<view class="tit">注意事项</view>
			</view>
			<view class="text">
				{{ data.remark }}
			</view>
		</view>
		<view class=" " style="height: 100rpx"></view>
	</view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
const data = reactive({
	infoImg:[]
});
onLoad((option) => {
	let obj = JSON.parse(decodeURIComponent(option.obj));
	if(obj.infoImg){
		obj.infoImg = obj.infoImg.split(',');
	}
	Object.assign(data, obj);
	console.log(data);
});
</script>

<style lang="scss">
.block {
	width: 710rpx;
	background: rgba(243, 243, 237, 0.5);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	border: 1px solid #d8c6a7;
	padding: 22rpx 20rpx;
	box-sizing: border-box;
	margin: 20rpx auto 30rpx;
	image {
		width: 100%;
		border-radius: 20rpx;
		margin: 20rpx auto;
	}
	.tit_flex {
		.tit {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #75613e;
		}
		.tit_right {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #75613e;
		}
	}
	.text {
		margin-top: 20rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #8f8f8b;
	}
}
</style>
